<template>
  <Layout>
    <div style="min-height: 600px">
      <el-card shadow="never">
        <div v-html="text" class="markdown-body" v-if="text"></div>
        <div
          style="min-height: 400px;margin-bottom: 20px;padding: 20px 0px 20px 0px;text-align: center"
          v-else
        >
          <font style="font-size: 30px;color:#dddddd ">
            <b>◔ ‸◔？没有博客介绍</b>
          </font>
        </div>
      </el-card>
    </div>
  </Layout>
</template>

<page-query>
query {
  allReadme {
    edges {
      node {
        content
      }
    }
  }
}
</page-query>

<script>
export default {
  data() {
    return {
      loading: false,
      text: null,
    };
  },
  mounted() {
    this.text = this.$markdown(this.$page.allReadme.edges[0].node.content);
  }
};
</script>

<style>
</style>